<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 连接网页模版css设计文件 -->
<link rel="stylesheet" href="style/Stencil.css" />
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
<script src="formValidator-4.0.1.js" type="text/javascript"
	charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript"
	charset="UTF-8"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$.formValidator.initConfig({
			formID : "form1",
			onError : function() {
				alert("校验没有通过，具体错误请看错误提示")
			}
		});
		$("#birthday").formValidator({
			onShow : "请输入的出生日期",
			onFocus : "请输入的出生日期",
			onCorrect : "你输入的日期合法"
		}).inputValidator({
			min : "1900-01-01",
			max : "2010-12-31",
			type : "date",
			onError : "在\"1900-01-01\"和\"2010-12-31\"之间"
		}).defaultPassed();
		$("#email").formValidator({
			onShow : "请输入你的email",
			onfocus : "请输入你的email",
			onCorrect : "你的email正确"
		}).regexValidator({
			regExp : "email",
			dataType : "enum",
			onError : "email格式不正确"
		});
	});
</script>
<title>网页模版</title>
</head>
<body>
	<div class="space"></div>
	<!-- 志愿者网logo -->
	<div id="hd" align="center">
		<img src="./images/logo.png" height=206 width=1000>

	</div>
	<!-- 导航模块 -->
	<div class="topNav">
		<ul class="MNav">
			<li class="first"><a target="_self" href="#"><font size=4><b>首页</b></font></a></li>
			<li><a target="_blank" href="#"><font size=4><b>论坛</b></font></a></li>
			<li><a target="_blank" href="#"><font size=4><b>资料下载</b></font></a></li>
		</ul>
	</div>
	<!-- 登录模块 -->
	<div class="tools">
		<div class="logging">
			<font size=2>  您好  , </font>
			<a href="http://login.sina.com.cn"><span id="userInfoBox">用户id</span></a>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    
			<a target="_blank" class="linka" href="#"><font size=2>修改密码</font></a>
			<a target="_blank" href="#"><font size=2>安全退出</font></a>
		</div>
	</div>

	<!-- 空格 -->
	<!-- 内容部分 -->
	<div id="wp" class="wp ">
		<!-- 在此书写内容设计 -->
		<table>
			<tbody>
				<tr>
					<!-- 左边菜单栏 -->
					<td bgcolor="#A6FFA6">
						<table width="150">
							<tr align="center">
								<td><H2>个人设置</H2></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="information_reset.html" target="_parent">个人资料</a>
									</H3></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="password_reset.html" target="_parent">密码修改</a>
									</H3></td>
							</tr>
							<tr align="center">
								<td><H3>
										<a href="question_reset.html" target="_parent">安全提问</a>
									</H3></td>
							</tr>
						</table>
					</td>
					<!-- 右边修改 -->
					<td>
						<table>
							<tbody>
								<tr>
									<!-- 修改头像部分 -->
									<td width="200" valign="top">
										<!-- 头像图片 -->
										<div>
											<h5>当前头像：</h5>
											<img height="100" src="images/touxiang.jpg">
										</div> <!-- 更换图片按键 -->
										<div>
											<form target="hidden_frame" id="form_portrait" action=""
												method="POST" enctype="">
												<div>
													<h6>请从电脑中选择图片文件</h6>
													<input type="file" name="img" id="file"
														onchange="yanzheng()" style="width: 180px;"> <input
														type="submit" id="UploadButton" value="上传">
												</div>
											</form>
										</div>
									</td>
									<!-- 修改个人资料部分 -->
									<td>
										<table>
											<tr>
												<td width="100" height="35" align="right">用户名</td>
												<td width="10"></td>
												<td width="268">
													<!-- 从数据库读取 -->
												</td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">性别</td>
												<td width="10"></td>
												<td><input id="man" name="gender" type="radio"
													value="1"><label for="man">男</label>&nbsp;&nbsp;&nbsp;&nbsp;
													<input id="woman" name="gender" type="radio" value="2"
													checked="checked"><label for="woman">女</label> <span
													style="display: none" id=""></span></td>
											</tr>
											<tr>
												<td width="90" height="35" align="right">出生日期</td>
												<td width="30"></td>
												<td width="268"><input type="text" id="birthday"
													style="width: 250px" value="1982-09-21"></td>
												<td><div id="birthdayTip" style="width: 200px"
														class="onCorrect">你输入的日期合法</div></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">电子邮箱</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="email"
													style="width: 250px"></td>
												<td><div id="emailTip" style="width: 200px"
														class="onShow">请输入你的email</div></td>
											</tr>
											<tr>
												<td width="90" height="35" align="right">电话</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="phone"
													style="width: 250px;"></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">地址</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="address"
													style="width: 250px;"></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">qq</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="weibo"
													style="width: 250px;"></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">微博</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="weibo"
													style="width: 250px;"></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">职业</td>
												<td width="10"></td>
												<td width="268"><input type="text" id="occupation"
													style="width: 250px;"></td>
											</tr>
											<tr>
												<td width="100" height="35" align="right">血型</td>
												<td width="10"></td>
												<td width="325"><select name="bloodtype"
													id="blood_type" style="width: 256px">
														<option value="0">请选择您的血型</option>
														<option value="1">A型</option>
														<option value="2">B型</option>
														<option value="3">AB型</option>
														<option value="4">O型</option>
														<option value="5">RH+型</option>
														<option value="6">RH-型</option>
														<option value="7">其他</option>
												</select></td>
											</tr>
											<tr>
												<td width="100" height="30" align="right"></td>
												<td width="10"></td>
												<td><a href="#"><input type="submit" value="提交"></a></td>
											</tr>
										</table>
									</td>
								</tr>
							</tbody>
						</table>
				</tr>
		</table>
	</div>
	<div class="space"></div>
</body>
</html>